/* Theme modifications ****************************************************************************/


/* .container-fluid > .row .col-1,
.container-fluid > .row .col-2,
.container-fluid > .row .col-3,
.container-fluid > .row .col-4,
.container-fluid > .row .col-5,
.container-fluid > .row .col-6,
.container-fluid > .row .col-7,
.container-fluid > .row .col-8,
.container-fluid > .row .col-9,
.container-fluid > .row .col-10,
.container-fluid > .row .col-11,
.container-fluid > .row .col-12,
.container-fluid > .row .col,
.container-fluid > .row .col-auto,
.container-fluid > .row .col-sm-1,
.container-fluid > .row .col-sm-2,
.container-fluid > .row .col-sm-3,
.container-fluid > .row .col-sm-4,
.container-fluid > .row .col-sm-5,
.container-fluid > .row .col-sm-6,
.container-fluid > .row .col-sm-7,
.container-fluid > .row .col-sm-8,
.container-fluid > .row .col-sm-9,
.container-fluid > .row .col-sm-10,
.container-fluid > .row .col-sm-11,
.container-fluid > .row .col-sm-12,
.container-fluid > .row .col-sm,
.container-fluid > .row .col-sm-auto,
.container-fluid > .row .col-md-1,
.container-fluid > .row .col-md-2,
.container-fluid > .row .col-md-3,
.container-fluid > .row .col-md-4,
.container-fluid > .row .col-md-5,
.container-fluid > .row .col-md-6,
.container-fluid > .row .col-md-7,
.container-fluid > .row .col-md-8,
.container-fluid > .row .col-md-9,
.container-fluid > .row .col-md-10,
.container-fluid > .row .col-md-11,
.container-fluid > .row .col-md-12,
.container-fluid > .row .col-md,
.container-fluid > .row .col-md-auto,
.container-fluid > .row .col-lg-1,
.container-fluid > .row .col-lg-2,
.container-fluid > .row .col-lg-3,
.container-fluid > .row .col-lg-4,
.container-fluid > .row .col-lg-5,
.container-fluid > .row .col-lg-6,
.container-fluid > .row .col-lg-7,
.container-fluid > .row .col-lg-8,
.container-fluid > .row .col-lg-9,
.container-fluid > .row .col-lg-10,
.container-fluid > .row .col-lg-11,
.container-fluid > .row .col-lg-12,
.container-fluid > .row .col-lg,
.container-fluid > .row .col-lg-auto,
.container-fluid > .row .col-xl-1,
.container-fluid > .row .col-xl-2,
.container-fluid > .row .col-xl-3,
.container-fluid > .row .col-xl-4,
.container-fluid > .row .col-xl-5,
.container-fluid > .row .col-xl-6,
.container-fluid > .row .col-xl-7,
.container-fluid > .row .col-xl-8,
.container-fluid > .row .col-xl-9,
.container-fluid > .row .col-xl-10,
.container-fluid > .row .col-xl-11,
.container-fluid > .row .col-xl-12,
.container-fluid > .row .col-xl,
.container-fluid > .row .col-xl-auto
{
	padding-right: 10px;
	padding-left: 10px;
} */
.container-fluid {
    padding-bottom: 15px;
}
.page-titles {
	margin: 0 -30px 15px;
	padding-bottom: 15px;
	padding-top: 10px;
}
.page-titles h3 {
	margin-top: 6px;
	line-height: 29px;
}
.topbar .top-navbar {
    min-height: 60px;
}
.topbar .top-navbar .navbar-header {
    line-height: 60px;
	height: 60px;
	padding-left: 10px;
}
.topbar .top-navbar .navbar-header .navbar-brand b {
    line-height: 60px;
}
.topbar .top-navbar .navbar-nav > .nav-item > .nav-link {
    padding-top: 0;
    padding-bottom: 0;
}
.topbar .top-navbar .navbar-header .navbar-brand .light-logo {
    height: 42px;
}
.mini-sidebar .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
    height: 32px;
}
.card {
	margin-bottom: 15px;
}

body, .btn {
	font-size: 0.833rem;
}

.form-control, .input-group-text {
	font-size: 0.833rem;
	padding-left: 0.55rem;
	padding-right: 0.55rem;
	min-height: 35px;
}
.input-group-prepend .btn:not(.btn-sm),
.input-group-append .btn:not(.btn-sm)
 {
	font-size: 0.80rem;
	min-height: 35px;
}
.form-control-sm {
	min-height: 27px;
	font-size: 0.9em;
}

.form-group {
	margin-bottom: 15px;
}

.btn-sm, .btn-group-sm > .btn {
	font-size: 0.72rem;
}

.profile-tab li a.nav-link, .customtab li a.nav-link {
}
.left-sidebar {
	padding-top: 60px;
}
.sidebar-nav {
    padding-top: 11px;
}

.sidebar-nav ul li a {
	font-size: 14px;
	padding: 6px 33px 6px 13px;
}

.sidebar-nav ul li ul li a {
	padding: 7px 34px 7px 14px;
	white-space: normal;
}

.sidebar-nav ul li ul {
	padding-top: 6px;
	padding-bottom: 2px;
}

.sidebar-nav ul li ul li ul {
	padding-top: 2px;
	padding-bottom: 4px;
}

.sidebar-nav > ul > li {
	margin-bottom: 8px;
}
dt {
    font-weight: 500;
}
dd {
	margin-bottom: 0;
}

.default_logo img {
	width: 200px;
}
.template_holder .template_edited {
    padding: 0px;
    font-size: 11px !important;
    color: #6F6F6F;
    display: none;
}
.more {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
}
.more.expand_subagents:before {
    content: "\f067";
}
.more.expand_subagents.minus:before {
    content: "\f068";
}
.card-info-time {
	display: block;
	opacity: 0.6;
	margin-top: 6px;
	font-size: 13px;
}

.widget-card {
	display: flex;
	align-items: stretch;
}
.widget-card .card {
	width: 100%;
}
.widget-card .card-title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.widget-card .card-title > a,
.widget-card .card-title > span {
	display: block;
	height: 44px;
	overflow: hidden;
}
.widget-card-top-items {
	position: relative;
	height: 44px;
    width: auto;
    max-width: 140px;
    display: flex;
    flex-direction: row;
	align-self: self-end;
	align-items: flex-start;
}
.widget-card-top-items .btn {
    margin-right: 4px;
}
.widget-card dl {
    margin-bottom: 0.3rem;
}
.widget-card dd {
    margin-inline-start: 0;
}
.wallet_pending_transactions_icons img {
    width: 16px;
}
.inline-help {
    font-size: 14px;
}
.cursor-pointer {
	cursor: pointer;
}
.pl-30 {
	padding-left: 30%;
}
.multiselect-chevron-down {
	position: absolute;
    top: 35px;
    right: 5px;
    font-size: smaller;
}

/* ************************************************************************************************/

.hidden {
	display: none;
}

.clickable {
	cursor: pointer;
}

.inline-block {
	display: inline-block;
}

#global-messages {
	position: fixed;
	top: 60px;
	right: 0;
	width: 100%;
	max-width: 500px;
	z-index: 1060;
}
/* slimScrollBar **********************************************************************************/

.slimScrollBar {
	background-color: #9e9e9e !important;
}

/* navbar dropdown messages and notifications *****************************************************/
.message-center .card-outline-primary .card-header {
    position: relative;
    padding-right: 2rem;
	word-break: break-word;
	-ms-word-break: break-word;
}
.message-center .card-actions {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    left: auto;
    padding: 0.75rem;
}
.message-center .card-actions a {
	padding-left: 0;
}

/* Securimage *************************************************************************************/

.fa.reload_securimage {
	font-size: 17px;
	margin-left: 6px;
	position: absolute;
	color: #888;
	cursor: pointer;
}
.fa.reload_securimage:hover {
	color: black;
}
.securimage_image {
	border: 1px solid #ccc;
	width: 215px;
	height: 80px
}
.secureimage_code {
	width: 217px;
}
.securimage_loader {
	display: none;
	margin-top: -18px;
	margin-left: 6px;
	position: absolute;
}

/* ************************************************************************************************/


/* ************************************************************************************************/

/* Cookie information *****************************************************************************/

.fixed_cookie_information_holder {
	position: fixed;
	bottom: 8px;
	right: 8px;
	box-sizing: border-box;
	max-width: 400px;
	z-index: 99;
}

/* ************************************************************************************************/
/* filters ****************************************************************************************/

.filter-row {
	margin-bottom: -15px;
}

.filter-row > label {
	margin-bottom: 0;
}
.filter-sidebar {
	position: fixed;
    top: 0;
    padding: 60px 0 0 0 !important;
    right: 0;
    z-index: 2;
	height: 100%;
	width: 330px;
    overflow: auto;
    border-radius: 0 !important;
    box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.3) !important;
}
.filter-sidebar label {
	width: 100%;
	margin: 0 0 4px 0;
}
.filter-sidebar .form-control {
	display: block;
}
.filter-sidebar .form-group,
.filter-sidebar .input-group {
    margin-bottom: 15px;
}
.filter-sidebar-title {
    font-size: 18px;
    font-weight: 400;
    display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 1.25rem;
}
.filter-sidebar-title h3 {
    margin: 0;
}
.filter-sidebar-body {
	flex-direction: column;
    padding: 1.25rem;
}
.filter-sidebar-body .row {
    flex-wrap: nowrap;
    flex: 1 1 auto;
	padding: 0;
	margin: 0;
	display: inherit;
}
.filter-sidebar-body .row .col {
	padding: 0;
	margin: 0;
}
.filter-sidebar-body .button-group {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}
.filter-sidebar-body .button-group .btn:last-child {
	margin-right: 0;
}
.filter-sidebar-close {
	cursor: pointer;
    opacity: 0.5;
    font-size: 16px;
    width: 44px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.filter-sidebar-close:hover {
	opacity: 1;
}
.is-rtl .filter-sidebar {
	right: auto;
	left: 0;
}
.filter_operand_value .input-group-prepend {
	border: 1px solid #d9d9d9;
	border-radius: 4px 0 0 4px;
	cursor: pointer;
	width: 50px;
	padding-left: 10px;
}
.filter-sidebar-body input[type="date"]::-webkit-inner-spin-button,
.filter-sidebar-body input[type="date"]::-webkit-calendar-picker-indicator,
.filter-sidebar-body input[type="time"]::-webkit-inner-spin-button,
.filter-sidebar-body input[type="time"]::-webkit-calendar-picker-indicator,
.filter-sidebar-body input[type="datetime-local"]::-webkit-inner-spin-button,
.filter-sidebar-body input[type="datetime-local"]::-webkit-calendar-picker-indicator,
.filter-sidebar-body input[type="month"]::-webkit-inner-spin-button,
.filter-sidebar-body input[type="month"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}

/* ************************************************************************************************/
/* Multiselect *************************************************************************************/

.selectable {
	list-style-type: none;
	border: 1px solid #7460ee;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 230px;
  }
  .selectable li {
	padding: 4px 7px;
	margin: 0;
	cursor: pointer;
	border: 0;
	background: white;
	min-width: 120px;
	max-width: 350px;
  }
  .filter-sidebar .selectable li {
	max-width: 100%;
	width: 290px;
  }
  .selectable .ui-selected {
	background: #1E90FF;
    color: white;
  }

  .selectable_holder .selectable {
	display: none;
	position: absolute;
	z-index: 999;
	padding-inline-start: 0;
    margin-block-end: 0;
    margin-block-start: 0;
  }

  .selectable .ui-selecting, .selectable li:hover:not(.ui-selected) {
	background: #1E90FF;
    color: white;
  }
  .selectable_expander.form-control {
	line-height: 24px;
  }
  a.selectable_expander:hover {
	  color: #67757c;
  }
  .show-all {
	  height: 38px;
	  line-height: 24px;
  }

/* ************************************************************************************************/

/* buttons ****************************************************************************************/

.btn-green {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745;
}
.btn-green:hover {
	color: #fff;
	background-color: #218838;
	border-color: #1e7e34;
}
.btn-green:not(:disabled):not(.disabled).active, .btn-green:not(:disabled):not(.disabled):active, .show>.btn-green.dropdown-toggle {
	color: #fff;
	background-color: #1e7e34;
	border-color: #1c7430;
}
.btn-green:not(:disabled):not(.disabled).active:focus, .btn-green:not(:disabled):not(.disabled):active:focus, .show>.btn-green.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(40,167,69,.5);
}

.btn-yellow {
	color: #fff;
	background-color: #ffc107;
	border-color: #ffc107;
}
.btn-yellow:hover {
	color: #fff;
	background-color: #e0a800;
	border-color: #d39e00;
}
.btn-yellow:not(:disabled):not(.disabled).active, .btn-yellow:not(:disabled):not(.disabled):active, .show>.btn-yellow.dropdown-toggle {
	color: #fff;
	background-color: #d39e00;
	border-color: #c69500;
}
.btn-yellow:not(:disabled):not(.disabled).active:focus, .btn-yellow:not(:disabled):not(.disabled):active:focus, .show>.btn-yellow.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(255,193,7,.5);
}
.btn.disabled, .btn:disabled {
    cursor: not-allowed;
}

.btn-to-top {
	border-radius: 50%;
    text-align: center;
    line-height: 34px;
    height: 50px;
    width: 50px;
    font-size: 20px;
	opacity: 0.5;
	position: fixed;
    right: 10px;
    bottom: 10px;
	cursor: pointer;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    display: none;
}
.btn-to-top:hover {
	opacity: 1;
}

/* ************************************************************************************************/

/* tables *****************************************************************************************/

.btn-margin-auto {
	margin: auto;
}

.checkbox {
	padding-left: 26px;
	height: 25px;
	line-height: 21px;
	font-weight: normal;
	position: relative;
	cursor: pointer;
	display: block;
	font-size: 1rem;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS */
	.custom-checkbox {
		margin-top: 1em;
	}
}

.checkbox-info {
	display: block;
}

.custom-checkbox {
	margin-bottom: 0;
}

.manager_buttons {
	background: #B2C0C9;
	position: absolute;
	width: 110px;
	padding: 11px 12px 11px 11px;
	cursor: default;
	text-align: left;
	margin-top: -12px;
	margin-left: -86px !important;
	display: block;
	right: 1.5em;
}

.th-checkbox > .custom-checkbox {
	margin-left: 0.5em;
}

.tablesaw-cell-label {
	font-size: 12px;
}

.th-checkbox {
	margin-left: -7px !important;
	padding-bottom: 0 !important;
}

.progress-bar-label,
.stack-table-status-label,
.table-stacked-name {
	display: none !important;
}

.table-stacked-disp-name,
.table-stack-agent {
	display: block;
}

table.table tfoot tr:first-child td {
	border-top-width: 3px;
	/**font-weight: bolder;*/
	font-weight: 500;
}

/* RTL Style ***************************************************************************************/
.is-rtl .tablesaw-stack td, .is-rtl .tablesaw-stack th {
	text-align: right;
}
.is-rtl .tablesaw th, .is-rtl .tablesaw td {
	text-align: right;
}
.is-rtl .tablesaw thead th {
    text-align: right;
}
.login-sidebar .login-box.register-rtl {
    right: auto;
    left: 0;
}
/* ************************************************************************************************/

/* Table actions (buttons) ************************************************************************/

.table-actions #export_form .select2-container {
	display: inline-block;
}

/* ************************************************************************************************/
/*safari browser fix*/
.tablesaw [type=checkbox]:not(:checked),
.tablesaw [type=checkbox]:checked,
.fixed-table-container [type=checkbox]:not(:checked),
.fixed-table-container [type=checkbox]:checked {
    left: -10px;
	top: 3px;
	width: 14px;
	opacity: 0 !important;
}

/* Icons ******************************************************************************************/

.green-circle {
	color: #5dc406;
}

.red-circle {
	color: #ce1919;
}

.gray-circle {
	color: rgba(128, 128, 128, 0.6);
}

.blue-circle {
	color: #5088ab;
}

.notify .heartbit {
	position: absolute;
	top: -20px;
	right: -4px;
	height: 25px;
	width: 25px;
	z-index: 10;
	border: 5px solid #d13a48;
	border-radius: 70px;
	-moz-animation: heartbit 1s ease-out;
	-moz-animation-iteration-count: infinite;
	-o-animation: heartbit 1s ease-out;
	-o-animation-iteration-count: infinite;
	-webkit-animation: heartbit 1s ease-out;
	-webkit-animation-iteration-count: infinite;
	-ms-animation: heartbit 1s ease-out;
	-ms-animation-iteration-count: infinite;
	-ms-transition: all 0.1s ease-out;
}

@keyframes heartbit {
	0% {
		transform: scale(0);
		opacity: 0.0; }
	25% {
		transform: scale(0.1);
		opacity: 0.1; }
	50% {
		transform: scale(0.5);
		opacity: 0.3; }
	75% {
		transform: scale(0.8);
		opacity: 0.5; }
	100% {
		transform: scale(1);
		opacity: 0.0; }
}

/**************************************************************************************************/

/* Fixes for x-editable ***************************************************************************/

form.editableform .input-sm {
	padding: 0.25rem 0.5rem;
	font-size: 0.76563rem;
	line-height: 1.5;
	border-radius: 0.2rem;
	min-height: auto;
}

.editable-click, a.editable-click, a.editable-click:hover {
	border: 0;
	cursor: pointer;
	color: black;
	word-break: break-word;
}
a.editable:not(:hover) {
	color: inherit;
}
a.editable:hover::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f304";
	margin-left: 3px;
	font-size: 90%;
}
/* ************************************************************************************************/

.cover-image {
	min-height: 230px;
	max-height: 230px;
	background: center center;
	background-size: cover;
	overflow: hidden;
}

.store-image-card {
	/* min-height: 350px; */
	min-height: 230px;
	/* max-height: 350px; */
	max-height: 230px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	/* background: url(/images/store_card_default.png) center center; */
	background-size: cover;
}

/* Treeview , Badges ****************************************************************************/

.list-group-item > .badge {
    float: right;
}
.badge:empty {
    display: none;
}


/* Collapsed/expanded arrows **********************************************************************/

.expanded-arrow, .collapsed-arrow {
	/* Font awesome: */
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
}

.expanded-arrow::before{
	content: "\f358";
}

.collapsed-arrow::before {
	content: "\f35a";
}

body.is-rtl .collapsed-arrow::before {
	content: "\f359";
}

.xeditable-select-width {
	width: 250px!important;
}

.error {
	color:red;
}

/* ************************************************************************************************/

/* Widht for two buttons that are to big in card "View more" & "Subscribe" ************************/

.widthSubscribe {
	width:70%;
}

/* ************************************************************************************************/


/* Fade out text in store cards *******************************************************************/

.wrap-text-fade-out {
	width: 100%;
	max-height:100%;
	overflow:hidden;
	text-overflow: ellipsis;
	content: "";
	position:relative;
}

.wrap-text-fade-out::before {
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:linear-gradient(transparent 70px, white);
}

/* Commenting out to see the consequences
.editable_style:not(.editing):not(.uneditable_field):hover {
	background: #f5efd9;
	cursor: pointer;
}*/

/* ************************************************************************************************/


/* The big AJAX loader ****************************************************************************/

#progresser {
    display: none;
	width: 70px;
	height: 70px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -35px;
	margin-left: -35px;
	z-index: 1111;
	background: white;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.15);
}


/* SVG colors *************************************************************************************/

.svg_red_fill {
	fill: #bb0505;
}

.svg_green_fill {
	fill: #2a9016;
}

.svg_orange_brown_fill {
	fill: #c56b00;
}

/* ************************************************************************************************/


/* SVG colors *************************************************************************************/
/* This class is created to fix issue that is appearing in IB > v3/agent/report_closed_orders_report and similar case where you need to generate report. */

/* .overflow-toggle {
	overflow: visible;
} */

/* ************************************************************************************************/


.tooltip-info {
	display:inline-block;
	position:relative;
	border-bottom:1px dotted #666;
	text-align:left;
}

.tooltip-info .top-info {
	min-width:200px;
	top:-20px;
	left:-40px;
	transform:translate(-50%, -100%);
	padding:10px 20px;
	/* color:#444444; */
	background-color:white;
	font-weight:normal;
	font-size:13px;
	border-radius:8px;
	position:absolute;
	z-index:99999999;
	box-sizing:border-box;
	box-shadow:0 1px 8px rgba(0,0,0,0.5);
	display:none;
}

.tooltip-info:hover .top {
	display:block;
}

.tooltip-info .top-info i {
	position:absolute;
	top:100%;
	left:60%;
	margin-left:-12px;
	width:24px;
	height:12px;
	overflow:hidden;
}

.tooltip-info .top-info i::after {
	content:'';
	position:absolute;
	width:12px;
	height:12px;
	left:60%;
	transform:translate(-50%,-50%) rotate(45deg);
	background-color: white;
	box-shadow:0 1px 8px rgba(0,0,0,0.5);
}



/* Special editable *******************************************************************************/

.special-editable:not(:hover),
.special-editable.editing,
.editable-lookalike
{
	color: inherit;
}
a.special-editable:hover:not(.editing)::after,
.editable-lookalike:hover::after
{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f304";
    margin-left: 3px;
    font-size: 90%;
}

/* Show image over whole screen ***********************************************************************/


.fixed_large_image {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.33);
	display: none;
	z-index: 1000;
}

.fixed_large_image img {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-height: 100%;
	max-width: 100%;
	box-shadow: 0 0 26px rgba(0,0,0,0.75);
	cursor: pointer;
}

/* It's related for buttons on picking language on Broker profile ************/

.less_transparent {
	opacity: 0.3;
	filter: alpha(opacity = 30);
}

/*************************************************************************/


/* Potentially fixing issues with html5 form validation messages for Webkit on iphone *************/

::-webkit-validation-bubble-message {
	padding: 10px;
	background: white;
	font-weight: normal;
	font-size: 1em;
	line-height: 100%;
}
::-webkit-validation-bubble-message > div > div + *{
	font-size: 1em;
	line-height: 100%;
}

/* Broker todos checkbox image ************************************************************/

.todorow a.checkbox {
	padding-left: 0;
}

.todorow a.checkbox::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	content: "\f14a";
}

.todorow a.checkbox:hover {
	opacity: 0.5;
}


.todos .finished {
	color: #808080;
	opacity: 0.5;
}

.todos .finished .msg {
  text-decoration: line-through;
	color: #808080;
}

/* Sub list item in KYC broker *****************************************************/

.sub-li-kyc {
	padding: 0;
}

.sub-li-kyc li {
	border: none;
}

.sub-li-kyc li input {
	max-width: 156px;
}

/* Radio button Configure > Asset Managment > Asset Managment **********************/

.radio-btn-down {
	margin-top: -23px;
}

/* Fullscreen preview ***************************************************************/

#fullscreen-preview {
	background:#F1F1F1;
}

/* Quick button select ( btn-group not working properly here ) ************************/

.rounded-left-statistics {
	border-radius: 0.2rem 0 0 0.2rem !important;
}

.rounded-right-statistics {
	border-radius: 0 0.2rem 0.2rem 0 !important;
}

/* Special case tr links not colored properly Broker > Partners > Introducers ********/

.special-tr-link-style {
	color:#3c85d0;
}

.special-tr-link-style:hover {
	color:#3a6084;
}


/* This is mt spec class for mobile view used for position buttons on top of page. Broker Admin > Risk management > Instruments */

.break-point-mt-1-mob {
	margin-top: 0.25rem;
}

.break-point-mt-1-mob-375 {
	margin-top: 0.25rem;
}

/*This is for unred messages in Message App. This class is copy form v2 ***************/

.inbox-center .unread td {
	font-weight: 500;
}

/* This is special class to make all font-size for H1,H2 and H3 in message notification dropdown the same size  ***************/

.h1-h2-h3-message > h1 {
	font-size: 12px;
	line-height: 1.5;
}


.h1-h2-h3-message > h2 {
	font-size: 12px;
	line-height: 1.5;
}


.h1-h2-h3-message > h3 {
	font-size: 12px;
	line-height: 1.5;
}

/* Making two icon in sidebar menu smaller *****************************************/

.icon-small-px {
	font-size: 18px !important;
}

/* This is height in card Invesments > My invesments ******************************************************/

.height-my-invesment {
	height: 90px;
}

.text-nowrap-card {
	white-space: nowrap;
}

/**************************************************************************************/

.progress-bar {
	text-shadow: 1px 1px rgba(0,0,0,0.75);
}

.draggable_handler, .draggable_handler_style {
	background: #e6e6e6;
	background-image: url(/images/draggable_handler.png);
	width: 9px;
	background-position: 0px 1px;
}
.draggable_handler {
	cursor: move;
}

.editableform .form-control {
	max-width: 231px;
}


.cursor-alias {cursor: alias;}
.cursor-all-scroll {cursor: all-scroll;}
.cursor-auto {cursor: auto;}
.cursor-cell {cursor: cell;}
.cursor-context-menu {cursor: context-menu;}
.cursor-col-resize {cursor: col-resize;}
.cursor-copy {cursor: copy;}
.cursor-crosshair {cursor: crosshair;}
.cursor-default {cursor: default;}
.cursor-e-resize {cursor: e-resize;}
.cursor-ew-resize {cursor: ew-resize;}
.cursor-grab {cursor: -webkit-grab; cursor: grab;}
.cursor-grabbing {cursor: -webkit-grabbing; cursor: grabbing;}
.cursor-help {cursor: help;}
.cursor-move {cursor: move;}
.cursor-n-resize {cursor: n-resize;}
.cursor-ne-resize {cursor: ne-resize;}
.cursor-nesw-resize {cursor: nesw-resize;}
.cursor-ns-resize {cursor: ns-resize;}
.cursor-nw-resize {cursor: nw-resize;}
.cursor-nwse-resize {cursor: nwse-resize;}
.cursor-no-drop {cursor: no-drop;}
.cursor-none {cursor: none;}
.cursor-not-allowed {cursor: not-allowed;}
.cursor-pointer {cursor: pointer;}
.cursor-progress {cursor: progress;}
.cursor-row-resize {cursor: row-resize;}
.cursor-s-resize {cursor: s-resize;}
.cursor-se-resize {cursor: se-resize;}
.cursor-sw-resize {cursor: sw-resize;}
.cursor-text {cursor: text;}
.cursor-w-resize {cursor: w-resize;}
.cursor-wait {cursor: wait;}
.cursor-zoom-in {cursor: zoom-in;}
.cursor-zoom-out {cursor: zoom-out;}


.CodeMirror pre {
	box-shadow: none;
}
.CodeMirror-scroll {
	font-size: 11px;
}


@media only screen and (min-width:992px) {
	.mini-sidebar.fix-sidebar .navbar-collapse {
		margin-left: 78px;
	}
	.is-rtl.mini-sidebar.fix-sidebar .navbar-collapse {
		margin-left: 0;
		margin-right: 78px;
	}
}

@media (min-width:768px){
	.text-nowrap-card {
		white-space: normal;
	}
}

@media only screen and (max-width:768px){

	.widthSubscribe {
		width:auto;
	}
	/* Added for Reports > Statistics */
	#fullscreen {
		display: none;
	}
}
@media only screen and (max-width:767px){
	.mini-sidebar .page-wrapper {
		padding-top: 60px;
	}
	.topbar .top-navbar .navbar-header {
		padding-left: 15px;
		padding-right: 15px;
	}
	.topbar .top-navbar .navbar-nav > .nav-item .nav-toggler {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
}

@media only screen and (max-width: 639px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS */
	.th-checkbox > .custom-checkbox > .custom-control-label {
		margin-left: 1em !important;
	}
}

@media only screen and (max-width: 639px) {
	.radio-btn-down {
		margin-top: 6px;
	}

	.export-row {
		padding-bottom: 2.5em;
	}

	.manager_buttons {
		margin-top: -6px;
	}

	.stack-table-status-label {
		display: block !important;
		width: 50%;
	}

	.stacked-tr, table.tablesaw-stack tbody tr {
		border-top: 3px solid #eae7e7;
		border-bottom: none;
		float: left;
		margin-bottom: 1rem;
	}
	.stacked-tr, table.tablesaw-stack tbody tr:first-child {
		border-top: none;
		margin-top: 0.5rem;
	}
	.stacked-tr, table.tablesaw-stack tbody tr:last-child {
		margin-bottom: 0;
	}
	.stacked-tr td:first-child, table.tablesaw-stack tbody tr td:first-child {
		border-top: 0;
	}

	.table th, .table td {
		padding: 0.4rem;
	}

	td > .custom-control {
		padding-left: 0.8em;
		padding-top: 1em;
	}

	th > .custom-control {
		padding-left: 0.2em;
		padding-top: 1em;
	}

	.additional-fields-checkbox .custom-control{
		padding-left: 26px;
    padding-top: 0px;
	}

	.message-padding-special {
		padding-left: 5px;
		padding-right: 5px;
	}

	.message-padding-special .card-body {
		padding: 0.25rem;
	}

	.th-checkbox {
		margin-left: initial !important;
		padding-bottom: initial !important;
	}

	.th-checkbox > .custom-checkbox {
		display: flex;
	}

	#routing-position-checkbox {
		padding-left: 0.7rem;
    	padding-top: 0em;
	}

	.progress {
		padding-top: 2px;
		margin-top: 6px;
		margin-left:21px;
		display: flex;
		width: 70%;
	}

	.table-stacked-disp-name {
		display: none !important;
	}

	.progress-bar-label,
	.table-stacked-name {
		display: flex !important;
	}

	.table-kyc-status {
		display: flex !important;
	}

	.custom-control-label {
		margin-bottom: 30px;
	}
	.tablesaw-stack tbody td {
		border: none;
	}
	.tablesaw-stack td .tablesaw-cell-label {
		font-weight: bold;
	}
	.investors-table .tablesaw-stack td:nth-child(2) .tablesaw-cell-label {
		display: none;
	}
	td.pl-30 {
		padding-left: 30%;
	}
}
@media only screen and (max-width: 414px) {
	.filter-sidebar {
		width: 100%;
	}
	.filter-sidebar .selectable li {
		max-width: 100%;
		width: 100%;
	  }
	  svg.highcharts-root {
		width: 100% !important;
	}
	.stack-table-status-label {
		width: 100%;
	}
}

.is-breakable {
  word-break: break-word;
}


.info_red, .hidden_info_red, .info_red_bottom, .hidden_info_red_bottom {
	background-color: #f2dede;
	border-color: #ebccd1;
	color: #a94442;
	padding: 10px 12px;
	line-height: 133%;
	box-sizing: border-box;
	border: 1px solid transparent;
  	border-radius: 4px;
}

.hidden_info_red, .hidden_info_red_bottom, .hidden_info_green, .hidden_info_green_bottom, .hidden {
	display: none;
}


.user-autocomplete {
    position: relative;
    z-index: 10000;
}
.ui-autocomplete {
	 max-height: 300px;
	 /* max-width: 500px; */
	 z-index: 9999 !important;
	 overflow-y: auto;
	 /* prevent horizontal scrollbar */
	 overflow-x: hidden;
}


/*
* Adding custom "stacked" breakpoint since the stacked tables have a quite strange breakpoint.
*/
@media only screen and (min-width: 640px) {

	.text-stacked-right {
		text-align: right !important;
	}

	.d-stacked-block {
		display: block !important;
	}

	.d-stacked-inline-block {
		display: inline-block !important;
	}

	.pb-stacked-0 {
		padding-bottom: 0 !important;
	}

	.mb-stacked-0 {
		margin-bottom: 0 !important;
	}

}

@media only screen and (min-width: 321px) {
	.break-point-mt-1-mob {
		margin-top: 0rem;
	}
}

@media only screen and (min-width: 376px) {
	.break-point-mt-1-mob-375 {
		margin-top: 0rem;
	}
}


.red_star {
	color:red;
	margin-left: 2px;
}

.modal {
	overflow: auto !important;
}

.no_max_width {
	max-width:none;
}


label.error {
    display:block; /* change the display to block*/
    width:300px; /*if necessary*/
    font-size:11px;
    color:#cc0000;
    margin-left:5px;
	/* font-weight: bold; */
}

.equity_info {
	display: block;
	/* width: 200px; */
	margin-left: 180px;
}

.bootstrap-tagsinput > .twitter-typeahead > input {
	max-width: -webkit-fill-available;
}

#faqs_wrapper .nav-link.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.765625rem;
    border-radius: 0.5rem;
}

#faqs_wrapper .nav-link.btn-sm:focus {
	box-shadow: none;
}
#profile_sortable_container > div[draggable="true"] > .card {
	position: relative;
}

#profile_sortable_container > div[draggable="true"] > .card > i.fa.fa-arrows-alt {
	position: absolute;
    top: 5px;
    right: 5px;
    cursor:pointer;
}

.warning_font_color {
	color: #e4770c;
}

/* Symbol session times *************************************/
#use_symbol_sessions td > .row.no-gutters:not(:first-child) {
	margin-top: 0.5rem;
}

#use_symbol_sessions td > .row.no-gutters {
	min-width: 240px;
	max-width: 335px;
}
/************************************************************/

/* Column filter *****************************************/

table[data-sidebar-filter-wrapper-id] th:not(.append_column_filter){
	white-space: nowrap;
	vertical-align: top;
}

table[data-sidebar-filter-wrapper-id] th.append_column_filter {
	min-width: 150px;
}

table[data-sidebar-filter-wrapper-id] th.append_column_filter input.form-control,
table[data-sidebar-filter-wrapper-id] th.append_column_filter select.form-control {
	padding: 4px;
}

table[data-sidebar-filter-wrapper-id] th.append_column_filter > input.form-control,
table[data-sidebar-filter-wrapper-id] th.append_column_filter > select.form-control {
	display: block;
}

table[data-sidebar-filter-wrapper-id] th.append_column_filter > .input-group > .form-control.date-picker {
	max-width: 80px;
}

table[data-sidebar-filter-wrapper-id] th.append_column_filter > .input-group > .input-group-prepend.pl-0.border-0 > select.form-control.border.border-info {
	margin-right: 1px;
}

table[data-sidebar-filter-wrapper-id] th.sticky_cell {
	position: sticky;
}

table[data-sidebar-filter-wrapper-id] th.sticky_cell.left {
	left: 0;
}

table[data-sidebar-filter-wrapper-id] th.sticky_cell.right {
	right: 0;
}

/* selectpicker - start */
table[data-sidebar-filter-wrapper-id] th.append_column_filter > .dropdown.bootstrap-select {
	max-width: 175px;
}

table[data-sidebar-filter-wrapper-id] th.append_column_filter > .dropdown.bootstrap-select > button.dropdown-toggle.bs-placeholder {
	padding: 4px;
}

table[data-sidebar-filter-wrapper-id] th.append_column_filter > .dropdown.bootstrap-select .dropdown-toggle:focus {
	outline: none !important;
}

table[data-sidebar-filter-wrapper-id] th.append_column_filter > .dropdown.bootstrap-select > .btn.dropdown-toggle.bs-placeholder,
table[data-sidebar-filter-wrapper-id] th.append_column_filter > .dropdown.bootstrap-select > .dropdown-menu.show > .popover-header,
table[data-sidebar-filter-wrapper-id] th.append_column_filter > .dropdown.bootstrap-select > .dropdown-menu.show > .bs-searchbox,
table[data-sidebar-filter-wrapper-id] th.append_column_filter > .dropdown.bootstrap-select > .dropdown-menu.show > .bs-actionsbox {
	padding-left: 4px;
	padding-right: 4px;
}

table[data-sidebar-filter-wrapper-id] th.append_column_filter > .dropdown.bootstrap-select ul.dropdown-menu,
table[data-sidebar-filter-wrapper-id] th.append_column_filter > .dropdown.bootstrap-select > .dropdown-menu > .popover-header {
	font-size: 0.75rem;
}

.segregated-reports.show {
	z-index: 1;
}

.segregated-reports > .dropdown-menu.show {
	max-width: 100%;
	overflow-wrap: anywhere;
	overflow: auto !important;
	max-height: 350px !important;
	min-height: 350px !important;
}

.segregated-reports > .dropdown-menu.show .inner.show {
	max-height: initial !important;
}

/* selectpicker - end */

/* select2 - start */

table[data-sidebar-filter-wrapper-id] th.append_column_filter .select2-container--bootstrap4 .select2-selection--single {
	height: calc(1.5em + 0.5rem) !important;
}

table[data-sidebar-filter-wrapper-id] th.append_column_filter .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
	line-height: 1.75rem;
	font-weight: normal;
	font-size: 0.9em;
	color: #67757c !important;
}
/* select2 - end */
/************************************************************/



/* jQuery UI ************************************************/

.ui-widget {
	font-family: "Poppins", sans-serif;
}

/************************************************************/

select#account_id.is-valid,
select#account_id.is-invalid{
	background-image: none;
}

.logo-profile{
	width: 250px;
	height: 250px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 3rem;
	font-weight: bold;
	text-decoration: none;
	-webkit-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.8);
	box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.8);
}

/* Fix for second modal not visible https://fairtradingtech.atlassian.net/browse/BT-2877?focusedCommentId=25778 */
body.directory-broker.controller-customers .modal#window_content {
	z-index: 1051;
}

body.controller-leadsconfiguration.action-status .fa-2x, body.controller-leadsconfiguration.action-activities .fa-2x{
	font-size:1.5em;
}

.profile-image{
	width: 250px;
	height: 250px;
}

.accordion-btn{
	width: 100%;
}

.profile-image:hover,
.logo-profile:hover{
	-webkit-box-shadow: 0px 0px 9px 4px #000000!important;
	box-shadow: 0px 0px 9px 4px #000000!important;
	cursor: pointer;
}
.disabled_anchor_tag {
	pointer-events: none;
}


/* Widgets dashboard ****************************************/

.widgets-dashboard-container > .row:not(:first-child) {
	margin-top: 1rem;
}

/************************************************************/


/* Paragraph tag styled as anchor tag */

.remove-link, .reject-file-link, .approve-file-link, .change-file-type-link	{
	color: #3c85d0;
}

.remove-link:hover, .reject-file-link:hover, .approve-file-link:hover, .change-file-type-link:hover {
	color: inherit;
}

/**************************************/
.widgets-dashboard-container .widget-jumbo-button {
	font-size: 1.5rem;
}

.widgets-dashboard-container .widget-jumbo-button#total_balance_widget_container #total_balances {
	font-size: 1rem;
}

.select_flex_currencies{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
  }
.select_flex_currencies_item{
	margin: 1px;
	padding: 10px;
	cursor: pointer;
	font-family: 'Heebo', sans-serif;
	text-align: center;
	border-radius: 3px;
	background-color: lightgray;
	transition: background 0.1s;
}
.select_flex_currencies_item_selected {
	background-color: #5686b5;
	color:white;
}
.no-top-border-for-modal-footer{
	border-top: 0px;
}
/************************************************************/

.welcome_message_nav > ul{
	border: none;
}
.signup_additional_field-phone_div{
	display: flex;
}
.signup_additional_field-phone_number_prefix{
	flex: 20%;
	margin-right: 3%;
}
.alert-message-link {
	font-weight: 600;
}

.widget-column-wrapper:not(.widget-column-with-nested-content) > #wallets_list-transaction_history-activities {
	overflow: hidden;
}

@media only screen and (min-width: 767px) {
	.widgets-dashboard-container .widget-column-wrapper:not(.widget-column-with-nested-content) > .widget-list-container {
		position: absolute !important;
		left: 0;
		right: 0;
		margin-left: 15px;
		margin-right: 15px;
	}

	.widgets-dashboard-container .widget-column-wrapper:not(.widget-column-with-nested-content) > #wallets_list-transaction_history-activities .widget-list-container {
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 0;
	}
}

@media only screen and (max-width: 767px) {
	.widgets-dashboard-container .widget-jumbo-button {
		font-size: 1rem;
	}
}
.controller-securitygroups table.tablesaw tr td:nth-child(3) .tablesaw-cell-content {word-break: break-word;}
.controller-securitygroups table.tablesaw tr td:nth-child(4) .tablesaw-cell-content {word-break: break-word;}
.controller-instruments dd[id$="_securitygroup_id"] {word-break: break-word;}
.controller-groups .modal-body .form-group.row > div {word-break: break-word;}

/* Download Trading Platform widget *************************/

#download_tp_widget_container .download_tp_widget_icon {
	height: 40px;
}

/************************************************************/

.inv-acc-badge{
    position:relative;
    top: -1px;
    left: -2px;
    transform: scale(0.75);
}
#securitygroups_list tr.input_groups td:first-child{
	word-break: break-word;
}
.symbol_item .sg_name.instrument {
	word-break: break-word;
}

/* Custom button colors shade *************************/

.btn-outline-danger.shade {
    color: #d13aab;
    border-color: #d13aab;
}

.btn-primary.shade {
    background-color: #56b5b0;
    border-color: #56b5b0;
}

.modal2_padding {
	padding-right: 1.8%;
}

.modal2_z-index {
	z-index: 1052;
}

.width175 {
	width:175px;
}

.width185 {
	width:185px;
}

.tp_icon_account {
	max-height: 1.5em;
	max-width: 1.5em;
	margin-top: -2px
}

.overflow_hidden_important {
    overflow: hidden !important;
    padding-right: 17px !important;
}

/* Custom background color for header filter input fields */

.input_bg_lighter {
	background-color: #F5F5F5;
}

.text_profit {
	color:#2d771e; /* #3b6d31;*/
	font-weight: bold;
}

.text_loss {
    color: #871b1b;
	font-weight: bold;
}

#customer-files-input {
	min-width: 100px;
}

input[type=file]::file-selector-button {
	border: none;
	background: #5686b5;
	padding: 5px 5px;
	border-radius: .25rem;
	color: #fff;
	cursor: pointer;
	transition: background .2s ease-in-out;
}

input[type=file]::file-selector-button:hover {
	background: #46739f
}

.cutoff {
text-overflow: ellipsis;
overflow: hidden;
max-width: inherit;
white-space: nowrap;
}

/* Extended registration - Wallet creation ******************/

.group-select-entry .custom-control-label::before,
.group-select-entry .custom-control-label::after {
    display: none;
}

/************************************************************/

/* RTL / LTR in Codemirror */

.CodeMirror pre {
    direction: ltr;
	text-align: left;
}

.CodeMirror-rtl pre {
    direction: rtl;
	text-align: right;
}
/* RTL checkboxes */

.is-rtl .custom-control-label::before {
	right: -1.5rem;
	left: 0;
}

.is-rtl .custom-control-label::after {
	right: -1.5rem;
	left: 0;
}
.new_bright_green{
	background-color: #56b56c;
	color: white;
}

.video_container {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.responsive-iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

.unclickable{
	cursor: not-allowed;
}

/* Dynamic IB rebates ***************************************/

.dynamic_introducer_commission_levels .dynamic_introducer_commission_level > .dynamic_introducer_commission_level_paths > .dynamic_introducer_commission_level_path:not(:first-child) > .d-table > .d-table-row:first-child {
	visibility: collapse;
}

.dynamic_introducer_commission_levels .dynamic_introducer_commission_level > .dynamic_introducer_commission_level_paths > .dynamic_introducer_commission_level_path .dynamic_introducer_commission_amount {
	max-width: 80px;
}

/************************************************************/

.line.message {
	color: #f00;
	margin-bottom: 12px;
}

.user_flag {
	opacity: 0.3;
}

.select_group_button_default{
	background-color: #28a745;
	color: #fff;
}

.select_group_button_default:hover {
	background-color: #1e7e34;
    color: #f0f0f0;
}

.select_group_button_clicked {
	background-color: #1e7e34;
    color: #f0f0f0;
}

.unclickable2 {
	pointer-events: none;
}

.vertical_space_between{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	margin-top: 10px;
	margin-bottom: 6px;
}
strong {
    font-weight: bold;
}
.preferred-psp
{
	background-color: goldenrod;
	color: white;
}
.preferred
{
	order: -1;
	border: 3px solid goldenrod;
	margin-right: 4px;
}
.not-preferred
{
	order: 2;
}
.custom-select-sm.height_fix {
    height: calc(1.5em + 0.5rem + 8px);
    font-size: 0.833rem;
	background: url(../../material-pro/assets/images/custom-select.png) right 0.75rem center no-repeat!important;
  }
.no-wrap{
	white-space: nowrap;
}

.select_field > option {
	overflow-x: hidden;
  	white-space: pre;
  	text-overflow: ellipsis;
}

@media only screen and (max-width: 1300px) {
	.table-stacked-disp-name > .user-flag {
		width: 20%;
	}
	.table-stacked-disp-name > .user-name {
		width: 75%;
	}
}

/* My Profile / KYC  ******************************************************************************/

.kyc_process_status_accordion_header_link:after {
  	font-family: 'Font Awesome 5 Free';
  	margin-left: 0.25rem;
  	content: "\f106";
}

.kyc_process_status_accordion_header_link.collapsed:after {
	content: "\f107";
}

/**************************************************************************************************/

.scrollable-dropdown {
	height: 300px;
	overflow-y: auto;
}

#help_dialog {
  z-index: 1051;
}
.z-index-1 {
	z-index: 1;
}

/* Select2 - Last optgroup item was cutoff ********************************************************/

.select2-container > .select2-dropdown > .select2-results > .select2-results__options > .select2-results__option:last-child > .select2-results__options.select2-results__options--nested > li.select2-results__option:last-child {
	margin-bottom:20px;
}

/**************************************************************************************************/
.ck-editor__editable_inline {
	max-height: 460px;
}